<!DOCTYPE html >
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>高校科研创新服务平台</title>

    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/fonts/line-icons.css">
    <link href="/static/plugins/datatables/dataTables.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/plugins/datatables/buttons.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link href="/static/plugins/datatables/responsive.bootstrap4.min.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="/static/css/main.css">
    <link rel="stylesheet" type="text/css" href="/static/css/responsive.css">

</head>
<body>
<div class="app header-default side-nav-dark">
    <div class="layout">
        <!--顶部栏-->
        <div th:replace="~{/topbar::topbar}">
        </div>
        <!--侧边栏-->
        <div th:replace="~{/sidebar::sidebar}">
        </div>
        <!--主体部分-->
        <div class="page-container">

            <div class="main-content">
                <div class="container-fluid">

                    <div class="breadcrumb-wrapper row">
<!--                        <div class="col-12 col-lg-3 col-md-6">-->
<!--                            <h4 class="page-title">合同信息一览表</h4>-->
<!--                        </div>-->
                        <!--
                        <div class="col-12 col-lg-9 col-md-6">
                            <ol class="breadcrumb float-right">
                                <li><a href="#">Tables</a></li>
                                <li class="active"> / Data Table</li>
                            </ol>
                        </div>
                        -->
                    </div>

                </div>
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-12">
                                    <h3 class="text-center">
                                        欢迎来到项目管理系统
                                    </h3>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-12">
                                    <form role="form" id="form" method="post" onsubmit="return f()">
                                        <div class="form-group">

                                            <label for="account">
                                                账号：
                                            </label>
                                            <input type="text" class="form-control" id="account" name="account"/>
                                        </div>
                                        <div class="form-group">

                                            <label for="nickName">
                                                用户名：
                                            </label>
                                            <input type="text" class="form-control" id="nickName" name="name"/>
                                        </div>
                                        <div class="form-group">

                                            <label for="password">
                                                密码：
                                            </label>
                                            <input type="password" class="form-control" id="password" name = "pw"/>
                                        </div>
                                        <div class="form-group">

                                            <label for="password2">
                                                确认密码：
                                            </label>
                                            <input type="password" class="form-control" id="password2" />
                                        </div>
                                        <div class="form-group">
                                            <label for="ins">
                                                所属单位
                                            </label>
                                            <select name="ins" id = "ins">
                                                <option th:each="ins:${insList}" th:value="${ins.id}" th:text="${ins.name}">scau</option>
                                            </select>
                                        </div>
                                        <button type="submit" class="btn btn-block btn-md btn-primary">
                                            signup
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <footer class="content-footer">
                    <div th:replace="~{/footer::footer}"></div>
                </footer>

            </div>

        </div>
    </div>
</div>
<script src="/static/js/jquery-min.js"></script>
<script src="/static/js/popper.min.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/scripts.js"></script>
<script src="/static/js/jquery.app.js"></script>
<script src="/static/js/main.js"></script>

<script src="/static/plugins/datatables/jquery.dataTables.min.js"></script>
<script src="/static/plugins/datatables/dataTables.bootstrap4.min.js"></script>

<script src="/static/plugins/datatables/dataTables.buttons.min.js"></script>
<script src="/static/plugins/datatables/buttons.bootstrap4.min.js"></script>
<script src="/static/plugins/datatables/jszip.min.js"></script>
<script src="/static/plugins/datatables/pdfmake.min.js"></script>
<script src="/static/plugins/datatables/vfs_fonts.js"></script>
<script src="/static/plugins/datatables/buttons.html5.min.js"></script>
<script src="/static/plugins/datatables/buttons.print.min.js"></script>
<script src="/static/plugins/datatables/buttons.colVis.min.js"></script>

<script src="/static/plugins/datatables/dataTables.responsive.min.js"></script>
<script src="/static/plugins/datatables/responsive.bootstrap4.min.js"></script>

<script src="/static/js/datatables.init.js"></script>

<script type="text/javascript">
    function f() {
        var formData = new FormData($('#form')[0]);
        $.ajax({
            url:"/signup",
            type:"post",
            data:formData,
            processData:false,
            contentType:false,
            success:function (result) {
                if (result && result.success) {
                    window.location.href = "/index";
                } else {
                    alert(result.msg);
                }
            }
        });
        return false;
    }
</script>
</body>
</html>


